page{
    height: 100%;
}
.cates{
    height: 100%;
    .cates_container{
        /* 求商品内容区域的高度, less中使用calc的时候注意，要加~''*/
        height: ~'calc( 100vh - 90rpx )';
        display: flex;
        .left_menu{
          /*子项 高度默认100% flex */
          flex:2;
          .menu_item{
             height: 90rpx;
             display: flex;
             justify-content:center;
             align-items:center;
             font-size: 30rpx;
          }
          .active{
            color: var(--themeColor);
            border-left: 5rpx solid currentColor;  /*currentColor 当前字体颜色*/
          }
          
        }
        .right_content{
          /*子项 高度默认100% flex */
          flex:5;
          .goods_group{
            .goods_title{
              height: 80rpx;
              display: flex;
              justify-content: center;
              align-items: center;
                .delimiter{
                  color: #999;
                  padding:0 10rpx;
                }
            }
            .goods_list{
              display:flex;
              flex-wrap: wrap;
              navigator{
                width: 33.33%;
                text-align:center;
                image{
                 width: 50%; 
                }
              }
            }
          }
          
        }
    }
}